<div class="f-nav-detail">
	<detail-nav></detail-nav>
</div>
<div class="blogpost-bg">
	<div class="blogpost-box">
		<ul>
			<li>发布博文</li>
			<li>
				<span><span class="xinxin"></span>博文标题：</span>
				<input ng-model="blogTitle" class="title" type="text" placeholder="请输入博文标题" ng-blur="titleblur(1)" ng-focus="titlefocus(1)" ng-keyup="checkLength()"/>
				<div id="tix">标题不能为空!</div>
			</li>
			<li>
				<span>内容介绍：</span>
				<div>
					<div ui-editor  id="uiEditor2" set-model="content"  style="height: 400px;"  ></div>
				</div>
				<p class="tix-2">内容不能为空!</p>
			</li>
			<li class="gj">
				<span>关键词：</span>
				<input class="labelid" ng-model="tagsWork" type="text"  ng-change="controlLength(tagsWork)"/>
				<b class="addBtn" ng-click="saveTagsname(tagsWork)">添加</b>
				<ul class="checkFI3Con">
                	<li ng-repeat="item in tags2 track by $index">
                		<a href="javascript:;" ng-bind="item"></a>
                		<b ng-click="deleteInput($index)" class="close"></b>
                	</li>
                </ul>
			</li>
			<li class="baby">
				<span>
					专业分类：
				</span>
				<div class="iask-please">
					<div>请选择</div>
					<ul ng-repeat="item in onelist">
						<li ng-click="getsecond(item.tcId,$index)">{{item.tcName}}</li>
					</ul>
				</div>
				<div class="iask-pleaseed">
					<ul>
						<li ng-repeat="item in twolist" ng-click="getthree(item.scId,$index)">{{item.scName}}</li>
					</ul>
				</div>
				<div class="iask-three">
					<ul>
						<li ng-repeat="item in three" ng-click="getthis($index,item.dcId)">{{item.dcName}}</li>
					</ul>
				</div>
				<div class="iask-them">
					<ul>
						<li ng-repeat="item in them">
							<div class="dandan" ng-click="getscid(item.scId,$index)">{{item.scName}}</div>
							<div class="showbox">
								<h2 class="h21">专业：</h2>
								<label ng-repeat="item in zy"><span>{{item.dcName}}</span><input type="radio" name="radio1" value={{item.dcId}}></label>
								<h2 class="h22">内容：</h2>
								<label ng-repeat="item in lr"><span>{{item.dcName}}</span><input type="radio" name="radio2" value={{item.dcId}}></label>
								<h2 class="h23">项目模式：</h2>
								<label ng-repeat="item in ms"><span>{{item.dcName}}</span><input type="radio" name="radio3" value={{item.dcId}}></label>
								<h2 class="h24">项目模式：</h2>
								<label class="yiwai" ng-repeat="item in duo"><span>{{item.dcName}}</span><input type="radio" name="radio4" value={{item.dcId}}></label>								
							</div>
						</li>
					</ul>
				</div>
			</li>
			<li class="one">
				<!--<span>评论设置：</span>
				<label><input type="radio" checked name="rad" value="1"/>允许所有人评论</label>
				<label><input type="radio" name="rad" value="2"/>不允许所有人评论</label>
				<label><input type="radio" name="rad" value="3"/>仅好友可评论</label>-->
			</li>
			<li class="two">
				<!--<span>可见设置：</span>
				<label><input type="radio" checked name="rad1" value="3"/>所有人可见</label>
				<label><input type="radio" name="rad1" value="1"/>仅自己可见</label>
				<label><input type="radio" name="rad1" value="2"/>仅好友可见</label>-->
			</li>
			<li>
				<div id="qued" ng-click="blogPost()">发布</div>
			</li>
			<li id="isok">发布成功！后台正在审核<span id="closeok" ng-click="closeok()"></span></li>
		</ul>
	</div>
</div>
<div ng-include="'app/business/common/footer.html'" class="ng-scope"></div>

<style type="text/css">
.xinxin {
	display: inline-block;
	width: 12px;
	height: 6px;
	background: url("them/img/bitian.png") 0px 0px no-repeat;
	background-size: 6px 4px;
}	
	
	
#tix{
		display: none;
		line-height: 30px;
		margin-left: 10px;
		color: #ff0000;
}
/**/
.addBtn{
	display: inline-block;
    width:60px;
    height:30px;
    background: #30a3ff;
    text-align: center;
    line-height:30px;
    color: #fff;
    font-weight:normal;
    cursor: pointer;
    margin-left: 10px;
}
.checkFI3 span {
    float: left;
}
.checkFI3Con{
	margin: 5px 0 0 122px;
}
.checkFI3Con li{
	float: left;
	position: relative;
	margin-left: 20px;
    margin-bottom: 10px;
}
.checkFI3Con li a {
	display: block;
	border: 1px solid #e1f2fa;
	text-align: center;
	line-height: 28px;
	padding-left: 16px;
	padding-right: 16px;
	height: 28px;
	background: #edf9ff;
	color: #30a3ff;
}
.checkFI3Con li b{
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0;
	right: 5%;
	display: block;
	background: url(them/imgs/ngInput.jpg) no-repeat;
	cursor: pointer;
}
.first3 span{
    width:86px;
    height:30px;
    display: inline-block;
    text-align: right;
    margin-right:27px;
}
.first3 span i {
    color: #ff0000;
}
#isok {
	display: none;
	position: fixed;
	z-index: 99999999;
	top: 300px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	width: 248px;
	height: 118px;
	border: 1px #30a3ff solid;
	font-size: 16px;
	color: #000;
	background-color: #fff;
	line-height: 118px;
	text-align: center;
	box-shadow: 0px 0px 10px #30a3ff;
}
#closeok {
	position: absolute;
	display: inline-block;
	top: 10px;
	right: 10px;
	cursor: pointer;
	width: 10px;
	height: 10px;
	background: url("them/img/xxx.png") 0px 0px no-repeat;
	background-size: 10px 10px;
}


	/*li4*/
	
	.baby {
		width: 100%;
		height: 198px;
		padding-top: 50px;
	}
	
	.baby .iask-pleaseed {
		float: left;
		width: 160px;
		height: 196px;
		border: 1px #ddd solid;
		margin-left: 15px;
		overflow: auto;
		display: none;
	}
	
	.baby .iask-please {
		float: left;
		width: 92px;
		height: 196px;
		border: 1px #ddd solid;
		font-size: 12px;
		color: #333;
		line-height: 28px;
		margin-left: 18px;
		overflow: hidden;
	}
	
	.baby>span {
		float: left;
		margin-top: 4px;
		display: inline-block;
		width: 126px;
		text-align: right;
		background: url("them/img/bitian.png") 54px 6px no-repeat;
		background-size: 6px 4px;
	}
	.gj>span {
		background: url("them/img/bitian.png") 66px 13px no-repeat;
		background-size: 6px 4px;
	}	
	/*点击国际工程出来的盒子*/
	
	.showbox {
		display: none;
		float: left;
		width: 658px;
		background-color: #f7f7f7;
	}
	
	.iask-them h2 {
		display: inline-block;
		width: 652px;
		font-size: 12px;
		color: #30a3ff;
		background-color: #f7f7f7;
		padding-left: 6px;
	}
	
	.iask-them span {
		display: inline-block;
		clear: both;
	}
	
	.iask-them input {
		/*opacity: 0;*/
	}
	
	.iask-them label {
		clear: both;
		margin-left: 6px;
		background-color: #f7f7f7;
	}
	
	.iask-them {
		float: left;
		width: 658px;
		height: 196px;
		border: 1px #ddd solid;
		overflow: auto;
		margin-left: 15px;
	}
	
	.iask-them>ul>li>.dandan {
		float: left;
		width: 652px;
		height: 40px;
		color: #666;
		background-color: #fff;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		padding-left: 6px;
	}
	
	.iask-them>ul>li>.dandan:hover {
		color: #fff;
		background-color: #30a3ff;
	}
	/*三级分类盒子*/
	
	.iask-three {
		float: left;
		width: 190px;
		height: 196px;
		border: 1px #ddd solid;
		margin-left: 15px;
		overflow: auto;
		display: none;
	}
	
	.iask-three>ul>li {
		display: inline-block;
		float: left;
		width: 184px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		color: #666;
		cursor: pointer;
		margin: 0;
		padding: 0;
		padding-left: 6px;
	}
	
	.iask-three>ul>li:hover {
		color: #fff;
		background-color: #30a3ff;
	}
	/**/
	
	.iask-pleaseed>ul>li {
		display: inline-block;
		float: left;
		width: 154px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		color: #666;
		cursor: pointer;
		margin: 0;
		padding: 0;
		padding-left: 6px;
	}
	
	.iask-pleaseed>ul>li:hover {
		color: #fff;
		background-color: #30a3ff;
	}
	/**/
	
	.iask-please>ul>li {
		display: inline-block;
		float: left;
		width: 86px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		color: #666;
		cursor: pointer;
		margin-top: 0;
		padding: 0;
		padding-left: 6px;
	}
	
	.iask-please>ul>li:hover {
		color: #fff;
		background-color: #30a3ff;
	}
	
	.iask-please div {
		width: 86px;
		height: 28px;
		border-bottom: 1px #ddd solid;
		font-size: 12px;
		color: #333;
		background: url("them/img/iasktopbottom.png") 72px 10px no-repeat;
		background-size: 14px 8px;
		line-height: 28px;
		padding-left: 6px;
	}
	/*...................*/
	
	.blogpost-box>ul>li:nth-child(7) {
		line-height: 20px;
	}
	
	.blogpost-box>ul>li:nth-child(7) label {
		display: inline-block;
		width: 109px;
		margin-left: 18px;
		line-height: 20px;
		font-size: 12px;
		color: #333;
	}
	
	.blogpost-box>ul>li:nth-child(7) label input {
		display: inline-block;
		position: relative;
		top: 2px;
	}
	/*li7*/
	
	.blogpost-box>ul>li:nth-child(8) div {
		float: left;
		width: 90px;
		height: 34px;
		border-radius: 2px;
		line-height: 34px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background-color: #30a3ff;
		margin-left: 144px;
		cursor: pointer;
	}
	
	.blogpost-box>ul>li:nth-child(8) {
		margin-top: 60px;
	}
	/*li6*/
	
	.blogpost-box>ul>li:nth-child(6) {
		line-height: 20px;
	}
	
	.blogpost-box>ul>li:nth-child(6) label {
		display: inline-block;
		width: 109px;
		margin-left: 18px;
		line-height: 20px;
		font-size: 12px;
		color: #333;
	}
	
	.blogpost-box>ul>li:nth-child(6) label input {
		display: inline-block;
		position: relative;
		top: 2px;
	}
	/*li5*/
	
	.blog-memu1 {
		float: left;
		width: 98px;
		height: 196px;
		border: 1px #ddd solid;
		background-color: #fff;
		margin-left: 18px;
	}
	
	.blogpost-box>ul>li:nth-child(5) {
		height: 217px;
	}
	/*li4*/
	
	.blogpost-box>ul>li:nth-child(4) div {
		float: left;
		width: 80px;
		height: 30px;
		border-radius: 2px;
		line-height: 30px;
		color: #fff;
		background-color: #30a3ff;
		font-size: 14px;
		text-align: center;
		cursor: pointer;
		margin-left: 14px;
	}
	
	.blogpost-box>ul>li:nth-child(4) input {
		float: left;
		width: 340px;
		height: 28px;
		border: 1px #ddd solid;
		font-size: 12px;
		color: #999;
		padding-left: 8px;
		margin-left: 18px;
	}
	
	.blogpost-box>ul>li:nth-child(4) span {
		line-height: 30px;
	}
	
	.blogpost-box>ul>li:nth-child(4) {
		height: 30px;
		margin-top: 16px;
	}
	/*li3*/
	
	.blogpost-box>ul>li:nth-child(3)>div {
		display: inline-block;
		float: left;
		width: 1028px;
		/*height: 398px;*/
/*		border: 1px #ddd solid;*/
		margin-left: 18px;
	}
	
	.blogpost-box>ul>li:nth-child(3) {
		position: relative;
		height: 420px;
	}
	/*li2*/
	

	.tix-2 {
		display: none;
	}
	.blogpost-box>ul>li:nth-child(2) {
		height: 30px;
		margin-bottom: 40px;
	}
	
	.blogpost-box>ul>li:nth-child(2) span {
		line-height: 30px;
	}
	
	.blogpost-box>ul>li:nth-child(2) input {
		width: 340px;
		height: 28px;
		border: 1px #ddd solid;
		font-size: 12px;
		color: #333;
		padding-left: 8px;
		margin-left: 18px;
	}
	/*li1*/
	
	.blogpost-box>ul>li:nth-child(1) {
		font-size: 20px;
		color: #000;
		margin-top: 27px;
		margin-left: 30px;
		margin-bottom: 26px;
	}
	/*内容布局样式*/
	
	.blogpost-box>ul>li {
		float: left;
		width: 1198px;
	}
	
	.blogpost-box>ul>li>span {
		display: inline-block;
		float: left;
		width: 124px;
		text-align: right;
		font-size: 12px;
		color: #999;
	}
	
	.li-btn {
		display: inline-block;
	}
	/*背景布局*/
	
	.blogpost-box {
		width: 1198px;
		height: 1049px;
		border: 1px #ddd solid;
		background-color: #fff;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 50px;
		overflow: hidden;
	}
	
	.blogpost-bg {
		width: 100%;
		height: 100%;
		background: url("them/img/jb-bg.png") 0px 0px repeat;
		background-size: 600px 600px;
		overflow: hidden;
	}
</style>